<template>
  <div class="flex items-center justify-between mb-4">
    <h2 class="text-lg lg:text-xl font-semibold text-gray-900">{{ title }}</h2>
    <RouterLink v-if="more" to="/explore" class="text-sm text-[#635BFF] hover:underline inline-flex items-center gap-1">
      查看更多
      <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" viewBox="0 0 24 24" fill="currentColor"><path d="M13.172 12l-4.95-4.95 1.414-1.414L16 12l-6.364 6.364-1.414-1.414z"/></svg>
    </RouterLink>
  </div>
  </template>

<script setup lang="ts">
defineProps<{ title: string; more?: boolean }>()
</script>


